[Xcode] Auto Layout and Responsive UIs


Constraints

Pinning Constraints

Untitled 1


Allignment Constraints

Untitled 2


Combo도 가능

Untitled 3


Untitled 4

→ 어디에 대하여 constraints를 걸 것인지

  • Superview : 화면 전체
  • Safe Area : 일반적으로 화면 위아래 시간, 홈버튼 부분 (여기에는 배경을 제외한 element들을 넣지 않음)
  • 기타 element가 화면에 있다면 거기에 대해서도 constraints를 걸 수 있음

    • ex) AppBreweryLogo의 30px 아래에 항상 고정


Containers

View Embed하는 3가지 방법

Untitled 5

  • object library - UIView - 원하는 element를 View Controller Scene에서 만들어진 View의 인덴트 안으로 넣기
  • element 선택한 상태로 메뉴바 - Editor - Embed In - View
  • element 선택한 상태로 하단의 embed 버튼 - View

    Untitled 6



Stack View

  • select multiple views - Embed In View - Stack View

    Untitled 7



Size Constraints

  • Label에 Size Constraints (Width / Height) 주면 warning 발생

    Fixed width constraints may cause clipping.

    • Label 안의 텍스트 길이가 Width를 넘어가면 Clipping되기 때문
    • Warning sign 눌러보면 선택지 추천해줌 → 두 번째 선택

      Untitled 8

      Untitled 9

      → Relation : Greater Than or Equal 로 설정된 것을 볼 수 있음


ABOUT ME
I write codes and words.
제가 궁금하다면 ABOUT ME 버튼을 눌러보세요!

GitHubLinkedIn